<!DOCTYPE html> 
 <html> 
 <head> 
     <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> 
     <link rel="stylesheet" 
           data-name="vs/editor/editor.main" 
           href="./editor/editor.main.css" /> 
     <style> 
         html, body { height: 100%; margin: 0; } 
         #container { height: 100%; } 
     </style> 
 </head> 
 <body> 
     <div id="container"></div> 
     <script src="./loader.js"></script> 
     <script> 
         require.config({ paths: { 'vs': './' } }); 
     </script> 
     <script src="./editor/editor.main.nls.js"></script> 
     <script src="./editor/editor.main.js"></script> 
     <script> 

monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({
	noSemanticValidation: true,
	noSyntaxValidation: false
});

// compiler options
monaco.languages.typescript.javascriptDefaults.setCompilerOptions({
	target: monaco.languages.typescript.ScriptTarget.ES6,
	allowNonTsExtensions: true,
	allowJs: true
});
       
// extra libraries
var libSource = "";
var libUri = 'ts:filename/facts.d.ts';
monaco.languages.typescript.javascriptDefaults.addExtraLib(libSource, libUri);
monaco.editor.createModel(libSource, 'typescript', monaco.Uri.parse(libUri));
       
        var editor = monaco.editor.create(document.getElementById('container'), { 
            value: '', 
            language: 'javascript',
            automaticLayout: true
        }); 
     </script> 
 </body> 
 </html>
